<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My sephora</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont2/iconfont.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<style>
    .header-left2 {
        display: none;
    }
</style>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-list w">
            <!-- 左边 -->
            <div class="header-left">
                <span>hi ! 欢迎来到丝芙兰</span>
                <a href="./4.login.html" class="login">请登录</a>
                <a href="./6.register.html" class="register">免费注册</a>
                <span>手机验证码登录</span>
            </div>
            <!-- 登陆成功后显示的内容 -->
            <div class="header-left1">
                <span>hi ! 欢迎来到丝芙兰</span>
                <a href="./4.login.html" class="login1">会员：okay</a>
                <a href="./4.login.html" class="register1">退出</a>
            </div>

            <!-- 中间 -->
            <span class="header-middle">丝芙兰防诈骗公告</span>
            <!-- 右边 -->
            <div class="header-right">
                <span class="header-magin">
                    <img src="./images/i.png" alt="" class="header-magin">
                    <span>我的丝芙兰</span>
                    <i class="iconfont">&#xe6ec;</i>
                </span>
                <div class="header-magin">
                    <img src="./images/v.png" alt="">
                    <span>会员俱乐部</span>
                </div>
                <div class="header-magin">
                    <i class="iconfont">&#xe62f;</i>手机丝芙兰
                </div>
                <div class="header-magin">帮助中心</div>
                <div class="header-magin">品牌合作</div>
            </div>
        </div>
    </div>
    <!-- header结束 -->
    <!-- logo开始 -->
    <div class="sephora">
        <div class="logo w">
            <img src="./images/logo.png" alt="">
            <div class="logo-center">
                <!-- input输入框 -->
                <input type="text" placeholder="肌智精华方案" id="txt"><a href="./3.goods-list.html"><button>搜索</button></a>
                <ul class="myList"></ul>
                <div class="logo-search">
                    <span>金秋热卖狂欢</span>
                    <span>换季护肤合集</span>
                    <span>轻熟肌抗氧精华</span>
                    <span>初秋气质裸棕妆</span>
                    <span>必买小众香氛</span>
                    <span>丝芙兰大牌周</span>
                </div>
            </div>

            <div class="logo-right">
                <i class="iconfont">&#xe69d;</i>
                <span>购物袋</span>
                <span class="red">0</span>
                <span>件</span>
            </div>
        </div>
    </div>
    <!-- logo结束 -->

    <!-- banner开始 -->
    <div class="banner w">
        <div class="em">
            <img src="https://ssl1.sephorastatic.cn/soa/pc/images/navigation_sprite_wrap.png" alt="">
        </div>
        <b class="b"></b>
        <div class="banner-left lc">
            <div class="banner-all">全部商品类目</div>
            <ul class="a">
                <li class="c">
                    <h1 class="bold">功效</h1>
                    <span>保湿补水</span>
                    <span>底妆修容</span>
                    <!-- 二级大盒子 -->
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
w
                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>

                <li class="c">
                    <h1 class="bold">护肤</h1>
                    <span>打造"天鹅颈"</span>
                    <span>Yes成分</span>
                    <!-- 二级大盒子 -->
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/11/banner/hp_navigationskin_20211118.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>

                <li class="c">
                    <h1 class="bold">彩妆</h1>
                    <span>秋日彩妆盘点</span>
                    <span>彩妆惠选礼盒</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/11/banner/hp_navigationmu_20211118.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>
                <li class="c">
                    <h1 class="bold">香水</h1>
                    <span>秋日馨香盘点</span>
                    <span>小众香氛</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2019/08/banner/hp_navigationfood_20190829.jpg" alt="">
                        </div>
                    </ul>
                </li>
                <li class="c">
                    <h1 class="bold">工具</h1>
                    <span>美容仪加持美力</span>
                    <span>美妆蛋套装</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>
                <li class="c">
                    <h1 class="bold">男士</h1>
                    <span>男士礼赠</span>
                    <span>水油平衡</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg"alt="">
                        </div>
                    </ul>
                </li>
                <li class="c">
                    <h1 class="bold">洗浴护体</h1>
                    <span>洗护沐浴</span>
                    <span>塑身纤体</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/11/banner/hp_navigationbody_20211118.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>
                <li class="c">
                    <h1 class="bold">美发护发</h1>
                    <span>换机防脱</span>
                    <span>润养秀发防毛躁</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/11/banner/hp_navigationhair_20211111.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>
                <li class="c">
                    <h1 class="bold">肤食</h1>
                    <span>胶原蛋白饮品</span>
                    <ul class="b">
                        <!-- 二级的内容 -->
                        <div class="bl">
                            <!-- 第一个二级菜单 -->
                            <div class="use">功效</div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">保湿 </h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">防晒</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">清洁</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">
                                    <h1 class="bold">控油</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">美白</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                                <div class="sbox1">
                                    <h1 class="bold">紧致</h1>
                                    <span>保湿补水</span>
                                    <span>底妆修容</span>
                                </div>
                            </div>
                            <div class="bbox">
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                                <div class="sbox1">

                                </div>
                            </div>
                        </div>
                        <!-- 二级的图片 -->
                        <div class="br">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2019/08/banner/hp_navigationfood_20190829.jpg"
                                alt="">
                        </div>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- 右 -->
        <div class="banner-right ">
            <div class="banner-top">
                <a href="">畅销榜单</a>
                <a href="">独家发售</a>
                <a href="">礼物套装</a>
                <a href="">全部品牌</a>
                <a href="">预约中心</a>
            </div>
            <!-- 轮播图开始 -->
            <div class="box">
                <div class="imgbox">
                    <img src="./images/banner1.jpg" alt="">
                    <img src="./images/banner2.jpg" alt="">
                    <img src="./images/banner3.jpg" alt="">
                    <img src="./images/banner4.jpg" alt="">
                    <img src="./images/banner1.jpg" alt="">
                </div>
                <div class="btns">
                    <input type="button" id="left" value="<">
                    <input type="button" id="right" value=">">
                </div>
            </div>
            <!-- 轮播图结束 -->
            <div class="banner-bottom">
                <img src="./images/everyweekchoice.jpg" alt="">
                <img src="./images/qxdj.jpg" alt="">
                <img src="./images/ggfm.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- banner结束 -->
    <!-- brand开始 -->
    <div class="brands w">
        <div class="brand-title lc">
            <span>全部品牌</span>
            <span>ALL BRANDS</span>
        </div>
        <div class="title-right">
            <a href="" class="title-right-bold">热门品牌</a>
            <a href="">独家品牌</a>
            <a href="">全部品牌</a>
        </div>
    </div>
    <div class="w ">
        <div class="brand-left">
            <img src="./images/grbj.jpg" alt="">
        </div>
        <div class="brand-logo">
            <img src="./images/sephora.png" alt="">
            <img src="./images/esteelauder_144X60.png" alt="">
            <img src="./images/lancome.png" alt="">
            <img src="./images/sk-ii.png" alt="">
            <img src="./images/peterthomasroth_144X60.png" alt="">
            <img src="./images/guerlain_144X60.png" alt="">
            <img src="./images/fresh_144X60.png" alt="">
            <img src="./images/caudalie_144X60.png" alt="">
            <img src="./images/sephora.png" alt="">
            <img src="./images/esteelauder_144X60.png" alt="">
            <img src="./images/lancome.png" alt="">
            <img src="./images/sk-ii.png" alt="">
            <img src="./images/peterthomasroth_144X60.png" alt="">
            <img src="./images/guerlain_144X60.png" alt="">
            <img src="./images/fresh_144X60.png" alt="">
            <img src="./images/caudalie_144X60.png" alt="">
        </div>
    </div>
    <!-- brand结束 -->
    <!-- 楼层开始 -->

    <ul class="floor">
        <li>返回顶部</li>
        <li>全部品牌</li>
        <li>精品推荐</li>
        <li>护肤品类</li>
        <li>返回底部</li>
    </ul>

    <!-- 楼层结束 -->
    <!-- SEPHORA PICKS!开始 -->
    <div class="skin w ">
        <div class="skin-title lc ">
            <span>精品推荐</span>
            <span>SEPHORA PICKS!</span>
        </div>
        <div class="skin-picture">
            <img src="./images/xpsx.jpg" alt="">
            <img src="./images/cf.gif" alt="">
            <div class="skin-infor">
                <h1>ALGENIST</h1>
                <div>奥杰尼三重藻力焕新保湿眼霜 15ml</div>
                <div>￥480.00</div>
                <img src="./images/ms.jpg" alt="">

                <h1>SHISEIDO</h1>
                <div>资生堂新艳阳夏水动力清透防晒膏</div>
                <div>￥230.00</div>
                <img src="./images/zst.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- SEPHORA PICKS!结束 -->
    <!-- skin-care开始 -->
    <div class="brands w lc">
        <div class="brand-title">
            <span>护肤品类</span>
            <span>SKINCARE</span>
        </div>
        <div class="title-right">
            <a href="">惠选套装</a>
            <span>|</span>
            <a href="">面部精华</a>
            <span>|</span>
            <a href="">美容仪</a>
            <span>|</span>
            <a href="">面膜</a>
            <span>|</span>
            <a href="">面膜</a>
            <span>|</span>
            <a href="">清洁</a>
            <span>|</span>
            <a href="">卸妆</a>
            <span>|</span>
            <a href="">Yes 成分</a>
            <span>|</span>
            <a href="">全部</a>
        </div>
    </div>

    <div class="skincare-image w">
        <img src="./images/ls.jpg" alt="" class="langshi">
        <div class="skincare-right">
            <div class="smallbox">
                <h1>LANCASTER</h1>
                <div>兰嘉丝汀理肤银杏隔离乳S... 15ml</div>
                <div>420.00</div>
                <img src="./images/last.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>MENARDSP</h1>
                <div>BEAUNESS 精华水</div>
                <div>580.00</div>
                <img src="./images/menardsp.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>SHISEIDO</h1>
                <div>资生堂红妍肌活精华露Ⅲ</div>
                <div>￥590.00~￥1040.00</div>
                <img src="./images/shiseido.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>EVE LOM</h1>
                <div>EVE LOM 经典洁颜...</div>
                <div>280.00</div>
                <img src="./images/evelom.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>FILORGA</h1>
                <div>菲洛嘉柔滑亮泽面膜</div>
                <div>￥435.00</div>
                <img src="./images/filorga.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>ALGENIST</h1>
                <div>奥杰尼赋活多重青春修护眼...</div>
                <div>550.00</div>
                <img src="./images/algenist.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>LANCASTER</h1>
                <div>兰嘉丝汀理肤防护臻选礼盒</div>
                <div>465.00</div>
                <img src="./images/lancaster.jpg" alt="">
            </div>
            <div class="smallbox">
                <h1>SHISEIDO</h1>
                <div>资生堂悦薇珀翡水乳惠选套...</div>
                <div>1449.00</div>
                <img src="./images/shiseido2.jpg" alt="">
            </div>
        </div>
    </div>
    <div class="skincare-logo w">
        <img src="./images/lancome.png" alt=""><span>|</span>
        <img src="./images/sk-ii.png" alt=""><span>|</span>
        <img src="./images/caudalie_144X60.png" alt=""><span>|</span>
        <img src="./images/esteelauder_144X60.png" alt=""><span>|</span>
        <img src="./images/fresh_144X60.png" alt=""><span>|</span>
        <img src="./images/guerlain_144X60.png" alt=""><span>|</span>
        <img src="./images/peterthomasroth_144X60.png" alt=""><span>|</span>
        <img src="./images/sephora.png" alt="">
    </div>
    <!-- skin-care结束 -->

    <!-- 物流小车开始 -->
    <div class="car w">
        <div class="carBoder">
            <div class="ems">
                <i class="iconfont">&#xe683;</i>
                <span>顺丰EMS速达</span>
            </div>
            <div class="ems">
                <i class="iconfont">&#xe611;</i>
                <span>丰富礼赠</span>
            </div>
            <div class="ems">
                <i class="iconfont">&#xe604;</i>
                <span>100%官方正品</span>
            </div>
            <div class="ems">
                <i class="iconfont">&#xe629;</i>
                <span>无障碍退款</span>
            </div>
            <div class="ems">
                <i class="iconfont">&#xe669;</i>
                <span>安全支付</span>
            </div>
        </div>
    </div>
    <!-- 物流小车结束 -->

    <!-- 购物流程说明开始 -->
    <div class="shopping w">
        <ul class="shopping-box">
            <li class="headerText">购物流程</li>
            <li class="secondText">大宗采购/团购</li>
            <li class="secondText">丝芙兰预付卡章程</li>
        </ul>
        <ul class="shopping-box">
            <li class="headerText">支付/配送</li>
            <li class="secondText">在线支付</li>
            <li class="secondText">配送时间</li>
        </ul>
        <ul class="shopping-box">
            <li class="headerText">售后服务</li>
            <li class="secondText">退换货规定</li>
            <li class="secondText">退换及退款说明</li>
        </ul>
        <ul class="shopping-box">
            <li class="headerText">关于丝芙兰</li>
            <li class="secondText">公司介绍</li>
            <li class="secondText">联系我们</li>
            <li class="secondText">品牌合作/Brand Collaboration</li>
            <li class="secondText">隐私政策</li>
        </ul>
        <ul class="shopping-box">
            <li class="headerText">网上订购咨询热线 : 400 670 0055</a>
        </ul>
        <ul class="blank">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!-- 购物流程说明结束 -->

    <!-- footer -->
    <div class="footer lc">
        <div class="footer-main w">
            <img src="./images/footer-oneonezero-icon.png" alt="">
            <span class="marginRight">沪公网安备 31010602003121号</span>
            <span class="marginRight">ICP备案序号:沪ICP备05026645号</span>
            <span class="marginRight">食品经营许可证</span>
            <span class="marginRight">食品经营许可证</span>
            <span>严正声明</span>
            <br>
            <div class="Linkus">
                <span>本网站隶属于丝芙兰（上海）化妆品销售有限公司</span>
                <span>企业法人营业执照</span>
                <span>预付卡信息对接唯一标识 : 310101F5201530100309</span>
            </div>
        </div>
    </div>
</body>
<script src="./js/movea.js"></script>
<script src="./libs/jquery.js"></script>
<script src="./js/index.js"></script>

</html>